<template>
	<div class="coupon">
		<NewsHeader 
			:isInput="dataArr.isInput" 
			:iconArr="dataArr.iconArr" 
			:placeholder="dataArr.placeholder" 
			:aimUrl = 'dataArr.aimUrl'
			:rightUrl='dataArr.rightUrl'
		/>
		<PublicTitle
		   :publictitle= 'publictitle'
		 />
		<div class="couponCont">
			<img src="../../assets/images/mine/img_10@2x.png" alt="">
			<img src="../../assets/images/mine/img_20@2x.png" alt="">
			<img src="../../assets/images/mine/img_50@2x.png" alt="">
			<img src="../../assets/images/mine/img_80@2x.png" alt="">
		</div>
	</div>
</template>
<script>
import NewsHeader from '../../components/shopheader'
import PublicTitle from './components/publictitle'
	export default{
		name:'coupon',
		components:{
			NewsHeader,
			PublicTitle
		},
		data(){
			return{
					dataArr:{
						isInput:false,
						iconArr:[
							{
								iconLeft:"icon-zuojiantou",
								iconRight:""
							}
						],
						placeholder:"优惠券",
						aimUrl:'/layout/mine',
						rightUrl:''
					},
					publictitle:[
						{
							titleleft:'商城',
							titlelright:'生活服务'
						}
					]
			}
		}
	}
</script>
<style scoped lang="less">
.coupon{
	width: 100%;
	height: 667 / 50rem;
	padding-top: 88 / 100rem;
	background-color: #ededed;
	box-sizing: border-box;
	.couponCont{
		margin-top: 109 / 100rem;
		img{
			width: 320 / 100rem;
			height: 124 / 100rem;
			margin-bottom: 104 / 100rem;
			margin-left: 34 / 100rem;
		}
		img:nth-child(2),img:nth-child(4){
			margin-left: 0;
		}
	}
}
</style>